<template>
  <!-- 和之前学习 `${}`里边写的是表达式 = -->
  <div>{{10}}</div>
  <div>{{10+10}}</div>
  <div>{{true}}</div>
  <div>{{10+"10"}}</div>
  <div>{{[10,20,30]}}</div>
  <!--vue2 显示[object] vue3可以显示对象了  -->
  <div>{{ {name:"张三",age:20} }}</div>
  <div>{{function () {} }}</div>
  <!-- 10>8  你好 错了 -->
  <div>{{10>80?"你好":"错了" }}</div>
  <!-- 使用没有return 不会渲染,但是会有标签 -->
  <div>{{aa}}</div>
  {{null}}
  <div>{{undefined}}</div>
  <div>{{num+20}}</div>
  <div>{{ss.toUpperCase().split("")}}</div>
  <!-- ${} -->
</template>

<script>
export default {
  name: 'app'
}
</script>

<script setup  >
let aa = '藏三'
let num = 200
let ss = 'hr'
</script>

<style>
</style>